/** 
 * 学习目标：使用React中事件绑定
 * **注意**

1、**react事件绑定一定是方法**，不能是方法调用。如onClick = {alert('aaa')}

2**、少量的代码**，可以通过箭头函数，来处理。如onClick={() => alert('箭头函数')}


 * */
import React from "react";

export default class App extends React.Component {

    render() {
        console.log(this, 'this');

        return (
            <>
                <h1>绑定事件</h1>
                {/* 少量的代码 */}
                <button onClick={() => alert('箭头函数')}>箭头函数</button>
                {/* 绑定处理方法，得用this来获取组件实例对象 */}
                <button onClick={this.handleClick}>函数式</button>
            </>
        )
    }
    handleClick(num) {
        console.log('被点击了');
        alert('函数')
    }
}